<template>
  <svg xmlns="http://www.w3.org/2000/svg">
    <symbol viewBox="0 0 256 256" id="typescript">
        <style type="text/css">
            .st0{fill:#3178C6;}
            .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
        </style>
        <rect class="st0" width="256" height="256"/>
        <path class="st1" d="M150.5,200.5v27.6c4.5,2.3,9.8,4,15.9,5.2s12.6,1.7,19.4,1.7c6.6,0,12.9-0.6,18.9-1.9s11.2-3.4,15.7-6.3
    c4.5-2.9,8-6.7,10.7-11.4c2.6-4.7,3.9-10.5,3.9-17.4c0-5-0.7-9.4-2.2-13.2s-3.7-7.1-6.5-10.1c-2.8-2.9-6.2-5.6-10.1-7.9
    c-3.9-2.3-8.4-4.5-13.3-6.6c-3.6-1.5-6.9-2.9-9.8-4.4c-2.9-1.4-5.3-2.8-7.3-4.3c-2-1.5-3.6-3-4.7-4.7s-1.6-3.5-1.6-5.6
    c0-1.9,0.5-3.6,1.5-5.1s2.4-2.8,4.1-3.9c1.8-1.1,4-1.9,6.6-2.5c2.6-0.6,5.5-0.9,8.6-0.9c2.3,0,4.7,0.2,7.3,0.5
    c2.6,0.3,5.1,0.9,7.7,1.6c2.6,0.7,5.1,1.6,7.6,2.7c2.4,1.1,4.7,2.4,6.8,3.8v-25.8c-4.2-1.6-8.8-2.8-13.8-3.6s-10.7-1.2-17.1-1.2
    c-6.6,0-12.8,0.7-18.7,2.1c-5.9,1.4-11,3.6-15.5,6.6c-4.5,3-8,6.8-10.6,11.4c-2.6,4.6-3.9,10.2-3.9,16.6c0,8.2,2.4,15.2,7.1,21.1
    c4.8,5.8,12,10.7,21.6,14.8c3.8,1.6,7.3,3.1,10.6,4.6c3.3,1.5,6.1,3,8.5,4.7s4.3,3.4,5.7,5.3s2.1,4.1,2.1,6.5c0,1.8-0.4,3.4-1.3,5
    c-0.9,1.5-2.2,2.8-3.9,4s-3.9,2-6.6,2.6s-5.7,0.9-9.2,0.9c-6,0-11.9-1.1-17.8-3.2C161,207.8,155.5,204.7,150.5,200.5L150.5,200.5z
     M104.5,131.7H140V109H41v22.7h35.3V233h28.1V131.7z"/>
    </symbol>

    <symbol viewBox="0 0 256 230" id="react-js">
        <style type="text/css">
            .o0{fill:#67DAF9;}
        </style>
        <path class="o0" d="M201,79.7c-2.3-0.8-4.8-1.6-7.3-2.3c0.4-1.7,0.8-3.3,1.1-5c5.5-26.7,1.9-48.3-10.4-55.3
  c-11.8-6.8-31.1,0.3-50.5,17.2c-1.9,1.6-3.7,3.4-5.6,5.2c-1.3-1.2-2.5-2.4-3.7-3.5c-20.4-18.1-40.9-25.8-53.1-18.6
  c-11.8,6.8-15.3,27.1-10.3,52.4c0.5,2.4,1,4.9,1.7,7.5c-2.9,0.8-5.7,1.7-8.4,2.6c-23.9,8.3-39.2,21.4-39.2,35
  c0,14,16.4,28,41.3,36.6c2,0.7,4,1.3,6.1,1.9c-0.7,2.7-1.3,5.4-1.8,8.1c-4.7,24.9-1,44.7,10.7,51.4c12.1,7,32.5-0.2,52.3-17.5
  c1.6-1.4,3.1-2.8,4.7-4.3c2,2,4.1,3.8,6.1,5.6c19.2,16.5,38.2,23.2,49.9,16.4c12.1-7,16.1-28.2,10.9-54.1c-0.4-2-0.8-4-1.4-6
  c1.4-0.4,2.8-0.9,4.2-1.3c25.9-8.6,42.8-22.5,42.8-36.6C241.2,101.2,225.4,88.1,201,79.7z M140.3,41.6
  c16.7-14.5,32.3-20.2,39.4-16.2c7.6,4.4,10.5,22,5.8,45c-0.3,1.5-0.6,3-1,4.5c-9.4-2.2-19.6-3.8-30.2-4.8
  c-6.2-8.8-12.6-16.9-19.1-23.8C136.8,44.7,138.6,43.1,140.3,41.6z M87.1,115.1c2.9-6.1,6.1-12.2,9.6-18.2l0,0
  c3.5-6.1,7.2-11.9,11-17.4c6.7-0.5,13.6-0.8,20.6-0.8h0c7,0,13.9,0.3,20.6,0.8c3.7,5.5,7.4,11.3,10.9,17.4
  c3.5,6.1,6.8,12.2,9.7,18.1c-2.9,6-6.2,12.2-9.7,18.3c-3.5,6.1-7.2,12-10.8,17.5c-6.7,0.5-13.6,0.7-20.7,0.7c-7,0-13.9-0.2-20.5-0.6
  c-3.8-5.6-7.5-11.5-11-17.5h0C93.2,127.2,90,121.1,87.1,115.1z M82,126.4c2,3.9,4.2,7.8,6.4,11.7h0c2.3,4,4.7,7.8,7.1,11.6
  c-7.4-0.8-14.4-1.9-20.8-3.3C76.6,139.9,79.1,133.2,82,126.4z M81.9,103.7c-2.8-6.7-5.2-13.2-7.2-19.6c6.4-1.4,13.3-2.6,20.5-3.5
  c-2.4,3.7-4.7,7.5-6.9,11.4v0C86.1,95.9,84,99.8,81.9,103.7z M168.1,138c2.3-4,4.5-8,6.6-12c3,6.9,5.6,13.5,7.6,19.9
  c-6.6,1.5-13.6,2.7-21.1,3.6C163.5,145.8,165.8,142,168.1,138z M174.6,103.7c-2-3.9-4.2-7.8-6.5-11.8c-2.2-3.9-4.5-7.6-6.9-11.3
  c7.2,0.9,14.1,2.1,20.6,3.6C179.9,90.5,177.4,97,174.6,103.7z M128.3,53.3c4.5,4.8,8.9,10.2,13.3,16.1c-4.4-0.2-8.9-0.3-13.4-0.3
  c-4.5,0-8.9,0.1-13.3,0.3C119.3,63.5,123.8,58.1,128.3,53.3z M76.3,25.7c7.6-4.4,24.3,1.9,41.9,17.5c1.1,1,2.3,2,3.4,3.1
  c-6.6,7-13.1,15.1-19.2,23.8c-10.6,1-20.8,2.6-30.2,4.7c-0.6-2.4-1.1-4.7-1.6-7C66.4,46.2,69.2,29.8,76.3,25.7z M65.3,144
  c-1.9-0.6-3.8-1.1-5.6-1.7c-11-3.8-20.1-8.7-26.4-14c-5.6-4.8-8.4-9.6-8.4-13.4c0-8.2,12.3-18.7,32.7-25.9c2.5-0.9,5.1-1.7,7.8-2.4
  c2.8,9.2,6.5,18.8,11,28.5C71.9,124.9,68.1,134.7,65.3,144z M117.6,188c-8.8,7.7-17.6,13.1-25.3,15.8c-7,2.5-12.5,2.5-15.8,0.6
  c-7.1-4.1-10.1-20-6-41.3c0.5-2.4,1-4.9,1.6-7.5c9.3,2,19.5,3.5,30.5,4.4c6.3,8.8,12.8,16.9,19.4,24
  C120.4,185.4,119,186.8,117.6,188z M128.6,177.1c-4.6-4.9-9.1-10.4-13.6-16.3c4.3,0.2,8.7,0.3,13.2,0.3c4.6,0,9.2-0.1,13.6-0.3
  C137.5,166.8,133,172.2,128.6,177.1z M187.2,190.5c-1.3,7.3-4.1,12.1-7.4,14c-7.1,4.1-22.3-1.2-38.8-15.4c-1.9-1.6-3.8-3.3-5.7-5.2
  c6.4-7,12.7-15.1,18.9-24c10.9-1,21.2-2.6,30.6-4.7c0.5,1.9,0.9,3.7,1.2,5.5C188.4,172.1,188.7,182.5,187.2,190.5z M195.4,142.3
  c-1.2,0.4-2.5,0.8-3.8,1.2c-2.9-9.1-6.7-18.7-11.4-28.6c4.5-9.7,8.2-19.2,11-28.2c2.3,0.7,4.6,1.4,6.7,2.1
  c20.9,7.2,33.7,17.8,33.7,26C231.5,123.6,217.8,134.9,195.4,142.3z M128.2,135c11.1,0,20.2-9,20.2-20.2c0-11.1-9-20.2-20.2-20.2
  c-11.1,0-20.2,9-20.2,20.2C108,126,117.1,135,128.2,135z"/>
    </symbol>

    <symbol viewBox="0 0 630 630" id="javascript">
        <svg xmlns="http://www.w3.org/2000/svg">
            <rect width="630" height="630" fill="#f7df1e"/>
            <path d="m423.2 492.19c12.69 20.72 29.2 35.95 58.4 35.95 24.53 0 40.2-12.26 40.2-29.2 0-20.3-16.1-27.49-43.1-39.3l-14.8-6.35c-42.72-18.2-71.1-41-71.1-89.2 0-44.4 33.83-78.2 86.7-78.2 37.64 0 64.7 13.1 84.2 47.4l-46.1 29.6c-10.15-18.2-21.1-25.37-38.1-25.37-17.34 0-28.33 11-28.33 25.37 0 17.76 11 24.95 36.4 35.95l14.8 6.34c50.3 21.57 78.7 43.56 78.7 93 0 53.3-41.87 82.5-98.1 82.5-54.98 0-90.5-26.2-107.88-60.54zm-209.13 5.13c9.3 16.5 17.76 30.45 38.1 30.45 19.45 0 31.72-7.61 31.72-37.2v-201.3h59.2v202.1c0 61.3-35.94 89.2-88.4 89.2-47.4 0-74.85-24.53-88.81-54.075z"/>
        </svg>
    </symbol>

    <symbol viewBox="0 0 250 250" id="angular">
        <style type="text/css">
            .p0{fill:#DD0031;}
            .p1{fill:#C3002F;}
            .p2{fill:#FFFFFF;}
        </style>
        <g>
            <polygon class="p0"
                     points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2   "/>
            <polygon class="p1"
                     points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30   "/>
            <path class="p2" d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
    L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
        </g>
    </symbol>

    <symbol viewBox="0 0 400 400" id="vue-l">
        <g transform="matrix(1.3333333,0,0,-1.3333333,0,400)" id="g10">

            <g transform="translate(178.0626,235.0086)" id="g12">
                <path id="path14" style="fill:#4dba87;fill-opacity:1;fill-rule:nonzero;stroke:none"
                      d="M 0,0 -22.669,-39.264 -45.338,0 h -75.491 L -22.669,-170.017 75.491,0 Z"/>
            </g>
            <g transform="translate(178.0626,235.0086)" id="g16">
                <path id="path18" style="fill:#435466;fill-opacity:1;fill-rule:nonzero;stroke:none"
                      d="M 0,0 -22.669,-39.264 -45.338,0 H -81.565 L -22.669,-102.01 36.227,0 Z"/>
            </g>
        </g>
    </symbol>

    <symbol viewBox="0 0 250 250" id="angular-2">
        <style type="text/css">
            .r0{fill:#DD0031;}
            .r1{fill:#C3002F;}
        </style>
        <g>
            <path class="r0" d="M154.1,18.9v44.2h46.1V18.9H154.1z M187.1,54h-22l6.8-7c1.8-1.9,3.2-3.4,4.2-4.7c1-1.3,1.8-2.4,2.3-3.3
    c0.5-0.9,0.8-1.6,0.9-2.2c0.1-0.6,0.2-1,0.2-1.4c0-0.4-0.1-0.8-0.2-1.2c-0.1-0.4-0.3-0.7-0.6-1c-0.3-0.3-0.6-0.5-1-0.7
    c-0.4-0.2-0.8-0.3-1.3-0.3c-1,0-1.7,0.3-2.3,0.9c-0.5,0.6-0.8,1.4-0.8,2.4c0,0.3,0,0.7,0.1,1.2h-7.8c0-1.6,0.3-3,0.8-4.4
    s1.3-2.4,2.2-3.4s2.1-1.7,3.4-2.2c1.3-0.5,2.7-0.8,4.3-0.8c1.5,0,2.9,0.2,4.2,0.7c1.3,0.5,2.4,1.2,3.4,2s1.7,1.9,2.2,3.1
    s0.8,2.5,0.8,3.9c0,1.5-0.3,2.9-1,4.2c-0.6,1.3-1.7,2.6-3.1,3.9l-4.5,4.2h8.9V54z"/>
            <path class="r1" d="M125,94.5v40.9h17L125,94.5z M205.3,58.6v9.7h-56.4V38.5L125,30v22.1l58,130.5h-21.7l-11.7-29.2H125V230
    l78.9-43.7l14.2-123.1L205.3,58.6z"/>
            <path class="r0" d="M31.9,63.2l14.2,123.1L125,230v-76.6h-24.8l-11.7,29.2H66.8L125,52.1V30L31.9,63.2z M125,135.4V94.5l-17,40.9
    H125z"/>
        </g>
    </symbol>

    <symbol viewBox="0 0 250 250" id="angular-1">
        <style type="text/css">
            .an0{fill:#DD0031;}
            .an1{fill:#C3002F;}
            .an2{fill:#FFFFFF;}
        </style>
        <g>
            <path class="an0" d="M154.1,18.9v44.2h46.1V18.9H154.1z"/>
            <path class="an1" d="M125,94.5v40.9h17L125,94.5z M205.3,58.6v9.7h-56.4V38.5L125,30v22.1l58,130.5h-21.7l-11.7-29.2H125V230
    l78.9-43.7l14.2-123.1L205.3,58.6z"/>
            <path class="an0" d="M31.9,63.2l14.2,123.1L125,230v-76.6h-24.8l-11.7,29.2H66.8L125,52.1V30L31.9,63.2z M125,135.4V94.5l-17,40.9
    H125z"/>
        </g>
        <g>
            <path class="an2" d="M174,33.2h-4.1V27h11.4v28H174V33.2z"/>
        </g>
    </symbol>
  </svg>
</template>

<script>
export default {
  name: 'SvgFrameworkIcons',
};
</script>
